<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="description" content="博雅互动">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <style type="text/css" media="screen">
    body {
      background-color: white
    }

    * {
      margin: 0;
      padding: 0
    }

    a {
      text-decoration: none;
    }

    li,
    ul li {
      list-style: none;
    }

    .banner {
      width: 1300px;
      height: 450px;
      margin: 5px auto;
      position: relative;
      overflow: hidden;
    }

    .banner-inner {
      width: 3200px;
      height: 450px;
      position: absolute;
      left: 0;
      top: 0;
    }

    .banner img {

      display: block;
      vertical-align: middle;
      float: left;
    }

    .banner .ctrlbtn a {
      display: block;
      position: absolute;
      top: 50%;
      width: 40px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      cursor: pointer;
      font-size: 24px;
      margin-top: -50px;
      color: white;
      background: rgba(100, 100, 100, .5);
    }

    .prev {
      right: 0;
      font-family: "宋体";
    }

    .next {
      left: 0;
      font-family: "宋体";
    }

    .banner a:hover {
      background: rgba(255, 255, 255, 0.5)
    }

    .banner ul {
      position: absolute;
      left: 0;
      bottom: 10px;
      width: 100%;
      text-align: center;
    }

    .banner li {
      display: inline-block;
      width: 10px;
      height: 10px;
      overflow: hidden;
      margin: 0 5px;
      background-color: rgba(255, 255, 255, .5);
      border-radius: 50%;
      z-index: 1111;
      cursor: pointer;
    }

    .banner .active {
      background: rgba(255, 255, 255, 1)
    }
  </style>

  <title>博雅互动</title>


  <link rel="stylesheet" href="css/normalize.css">
</head>

<body>
  <header>
    <section class="area cl" id="top">
      <h1 class="logo">
        <a href="../../index.html"></a>
      </h1>
      <div class="nav_list"></div>
      <div class="nav cl">
        <nav>
          <a id="nav_1" href="/">首页</a>
          <a id="nav_2" href="/games">博雅游戏</a>
          <a id="nav_3" href="/news" class="current">博雅新闻</a>
          <a id="nav_4" href="/about">关于我们</a>
          <a id="nav_5" href="/service">客服中心</a>
          <a href=" " target="_blank">投资者关系</a>
        </nav>
        <a href="/join" class="joinus">加入我们</a>
      </div>
      <div class="changeLang">
        <span>
          <a href="#" class="on china">中文</a>
          <a href="#">EN</a>
        </span>
      </div>
    </section>
  </header>
  <div class="banner">
    <div class="banner-inner">
      <img src="images/index/a1.png" alt="" name="0">
      <img src="images/index/a2.png" alt="" name="1">
      <img src="images/index/a3.png" alt="" name="2">
      <img src="images/index/a4.png" alt="" name="3">
    </div>
    <div class="ctrlbtn">
      <a href="javascript:;" class="prev">></a>
      <a href="javascript:;" class="next">
        <</a>
    </div>
    <ul class="pageCtrl">
      <li class="active"></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <div class="banner_one">
    <ul class="banner-inner1">
      <li style="margin-left: 110px;"id="banner-inner1-li">
        <img src="images/gamesPic/gamepic100.jpg" />
        <span id="name-game">博雅棋牌</span>
        <p> <span>BOYAA CHESS</span> </p>
      </li id="banner-inner1-li">
      <li>
        <img src="images/gamesPic/gamepic2.jpg" />
        <span id="name-game">四川麻将</span>
        <p> <span>SICUAN MAHJONG</span> </p>

      </li>
      <li id="banner-inner1-li">
        <img src="images/index/gamepic9.jpg" />
        <span id=>四川棋牌</span>
        <p> <span>BOYAA SZEWHAN GAME</span> </p>

      </li>
      <li id="banner-inner1-li">
        <img src="images/gamesPic/gamepic6.jpg" />
        <span id="name-game">四人斗地主</span>
        <p> <span>FOUR LANDLORDS</span> </p>

      </li>
    </ul>
  </div>
  <div class="make-line">
    <div class="hd">
      <ul>
        <li class="">1</li>
        <li class="on">2</li>
      </ul>
    </div>
  </div>
  <div class="indexnews">
    <div class="indexnews-left">
      <div class="left-top">
        <span class="more">
          <a href="#"> MORE
            <sup>+</sup>
          </a>
        </span>
      </div>
      <div class="left-bottom">
        <ul class="newslist cl">
          <li class="cl">
            <span class="time">12 / 19</span>
            <a href="#">昆明理工大学问鼎2017博雅象棋高校联盟争霸赛</a>
          </li>
          <li class="cl">
            <span class="time">12 / 18</span>
            <a href="#">博雅互动云南高校象棋争霸赛总决赛打响</a>
          </li>
          <li class="cl">
            <span class="time">11 / 27</span>
            <a href="#">博雅互动公布2017第三季度业绩，打造亚洲具影响力赛事品牌 收益持续稳步上升</a>
          </li>
          <li class="cl">
            <span class="time">11 / 16</span>
            <a href="#">2017博雅互动云南高校象棋争霸赛即将开赛</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="right">
      <div class="zhaopi">
        <h2>专场招聘</h2>
        <p>BOYAA JOBS</p>
      </div>
      <span class="more1">
        <a href="#"> MORE
          <sup>+</sup>
        </a>
      </span>
      <div class="right-but">
        <h3>专场招聘岗位：</h3>
        <ul class="recruitlist">
          <li>PHP开发工程师 </li>
          <li>C++开发工程师 </li>
          <li>WEB前端开发工程师</li>
          <li>大数据开发工程师</li>
        </ul>
        </a>
      </div>
    </div>
  </div>

  <footer class="cl">
    <nav class="area">
      <p class="cl">
        <span class="fl">
          <a href="sitemap.html">网站地图</a> &nbsp;|&nbsp;
          <a href="announce.html">免责声明</a> &nbsp;|&nbsp;
          <a href="jubao.html">监督举报</a>
        </span>
      </p>
      <p class="cl">
        Copyright &copy; 2004 - 2019 博雅互动(Boyaa Interactive)
        <a target="_blank" href="http://www.miibeian.gov.cn/">粤ICP备05062536号</a>
      </p>
      <p class="cl">
        <span class="copyright" style="float:left;display: block"> 网络文化经营许可证：粤网文[2015]1991-405号&nbsp;|&nbsp;互联网出版许可证：新出网证（粤）字062号&nbsp;|&nbsp;增值电信业务经营许可证：粤B2-20110513
          <!-- <script charset="utf-8" type="text/javascript" src="http://szcert.ebs.org.cn/govicon.js?id=3a08cc75-94e5-4d0c-b6ae-92a13a947618&amp;width=36&amp;height=50&amp;type=1" id="ebsgovicon"></script> -->
          <a target="_blank" href="http://szcert.ebs.org.cn/3a08cc75-94e5-4d0c-b6ae-92a13a947618">
            <img border="0" width="36" height="50" style="border-width:0px;border:hidden; border:none;" alt="深圳市市场监督管理局企业主体身份公示" title="深圳市市场监督管理局企业主体身份公示"
              src="http://szcert.ebs.org.cn/Images/govIcon.gif">
          </a>
          <script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" type="text/javascript"></script>
        </span>
      </p>
    </nav>
  </footer>
  <a href="#top" class="gotop"></a>
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="js/lunbo.js"></script>
  <script type="text/javascript">
  	var oli=document.getElementById('banner-inner1-li');
  	oli.onmouseover=function(){
  		oli.style.background='red';
  	};
  	oli.onmouseout=function(){
  		oli.style.background='white';
  	}
  	
  	
    $(".banner").changePic({
      figureBtnAct: "active",
      clickNode: $(".pageCtrl li"),
      loopNode: $(".banner-inner"),
      loopCircle: "-800px",
      sameNode: $("img"),
      attrData: "name",
      leftBtn: $(".prev"),
      rightBtn: $(".next")
    })
    
  </script>
</body>

</html>
